@media screen and (max-width: 960px) {
.container { width: auto;}
.yd .text h4 {font-size:28px;}
    
    .section{padding:20px 0 0;}
    .section-title{margin-bottom:20px; font-size:14px; }
    .section-title strong{ font-size: 26px; }
    .section-title p{font-size: 16px; line-height: 42px; margin-top: 5px; padding-top: 13px; }


    .in-ys{ background-size: cover; padding: 20px 0; }
    .in-ys-left .tit{font-size: 22px;margin-bottom: 15px; }
    .in-ys-left .tit b{font-size: 32px;}
    .in-ys-left .tit span{font-size: 20px;margin-top:15px;padding-bottom: 15px;}
    .in-ys-left .tel span{ font-size: 16px; }
    .in-ys-left .tel strong{ font-size: 20px; }
    .in-ys-left .tel a{padding: 8px 25px; font-size: 14px; }
    .in-ys-left{ float: none; width: auto; }
    .in-ys-right{ float: none; width: auto;  margin-top: 20px;}
    .in-ys-right li{ width: 50%; }
 
    .in-ys-right li h4{font-size: 20px;}
    .in-ys-right li p{ display: block; color: #FFF;  }
  .in-case-menu li{ width:33.333%;}
 
}

@media screen and (max-width: 580px) {
.in-ys-right li {width: 100%;}	
.yd .text h4{width:auto;font-size:24px;}

.yd .text {height: 260px;}
	}